<!--待审核的个人客户-->
<template>
    <div>
        <el-tabs v-model="activeName2" type="card" >
            <el-tab-pane label="个人信息" name="first">
                <!--<p>当前用户版本7</p>-->
                <!--修改历史记录内容-->
                <el-row>
                    <el-col :span="6"><h2>个人资料</h2></el-col>
                </el-row>
                <el-row>
                    <el-col :span="22">
                        <ul>
                            <li><span class="mainListSty1">姓名*</span><span>{{detailList.personal_name}}</span></li>
                            <li><span class="mainListSty1">手机号（联系电话）</span><span>{{detailList.personal_mobile}}</span></li>
                            <li><span class="mainListSty1">领域*</span><span v-for="item in detailList.personal_field" >{{item}}</span></li>
                            <li><span class="mainListSty1">角色</span><span  v-for="item in detailList.personal_role">{{item}}</span></li>
                        </ul>
                    </el-col>
                    <!--<el-col :span="6"><div style="width:100px;height:100px;background: gray">-->
                        <!--<image src=""></image>-->
                    <!--</div></el-col>-->
                </el-row>
                <!--能力画像-->
                <h4>总体描述</h4>
                <el-row :gutter="20">
                    <el-col :span="20"><div style="height:200px;background:#F7F7F7;">
                        {{detailList.personal_description}}
                    </div></el-col>
                </el-row>
                <h4>关系网</h4>
                <el-form :inline="true" :model="form" class="demo-form-inline" style="border-bottom: 1px dashed gray">
                    <el-form-item label="关系单位">
                        {{detailList.enterprise_name}}
                    </el-form-item>
                    <el-form-item label="任职">
                        <!--{{detailList.}}-->
                    </el-form-item>
                    <!--<el-form-item label="服务偏好">-->
                        <!--承建-->
                    <!--</el-form-item>-->
                </el-form>
                <el-form :inline="true" class="demo-form-inline" style="border-bottom: 1px dashed gray">
                    <el-form-item label="关系单位">
                        {{12345}}
                    </el-form-item>
                    <el-form-item label="任职">
                        {{34567890}}
                    </el-form-item>
                    <!--<el-form-item label="服务偏好">-->
                        <!--承建-->
                    <!--</el-form-item>-->
                </el-form>
            </el-tab-pane>
            <!--附件栏内容编辑-->
            <!--<el-tab-pane label="附件栏" name="fourth">-->
                <!--&lt;!&ndash;照片&ndash;&gt;-->
                <!--<el-form  class="demo-form-inline" label-width="100px" :label-position="position">-->
                    <!--<el-form-item label="照片">-->
                        <!--<el-upload-->
                                <!--:disabled="forbidden"-->
                                <!--class="upload-demo"-->
                                <!--:action="fileUploadAction"-->
                                <!--:file-list="fileList0">-->
                            <!--<el-button size="small" type="primary">附件</el-button>-->
                        <!--</el-upload>-->
                    <!--</el-form-item>-->
                    <!--&lt;!&ndash;名片&ndash;&gt;-->
                    <!--<el-form-item label="名片">-->
                        <!--<el-upload-->
                                <!--:disabled="forbidden"-->
                                <!--class="upload-demo"-->
                                <!--:action="fileUploadAction"-->
                                <!--:file-list="fileList1">-->
                            <!--<el-button size="small" type="primary">附件</el-button>-->
                        <!--</el-upload>-->
                    <!--</el-form-item>-->
                    <!--&lt;!&ndash;其他附件&ndash;&gt;-->
                    <!--<el-form-item label="其他附件">-->
                        <!--<el-upload-->
                                <!--:disabled="forbidden"-->
                                <!--class="upload-demo"-->
                                <!--:action="fileUploadAction"-->
                                <!--:file-list="fileList2">-->
                            <!--<el-button size="small" type="primary">附件</el-button>-->
                        <!--</el-upload>-->
                    <!--</el-form-item>-->
                <!--</el-form>-->
            <!--</el-tab-pane>-->
        </el-tabs>
    </div>
</template>
<script>
    import Bus from '@/config/bus.js'
    import _http from '@/components/common/http.vue'
    import _param from '@/components/common/param.vue'
    export default {
        data() {
            return {
//                详情页内容存储
                detailList:{},
                roleList:[],
                fieldList:[],
                roleKind:["合伙人","专家"],
                fieldKind:['集中热水供应','大型公共建筑节能','农业废弃物资源化利用','餐厨垃圾处理','生活垃圾焚烧发','市政污泥集中处理','农林生物质发电','建筑垃圾资源化处置','废旧轮胎资源化利用','光伏发电','区域能源解决方案'],
                param:{
                    params:{
                        id:''
                    }
                },
                apiPort:{
                    personDetail:'ctm/v1/getById',
                },
                forbidden:true,
                position:'left',
                //    照片
                fileList0:[],
//                名片
                fileList1:[],
//                其他
                fileList2:[],
                form:{

                },
                fieldBox:[],
                fieldNum:"",
                roleNum:'',
                roleBox:[],
//                文件上传路径封装
                fileUploadAction:_param.param.fileUploadUrl,
                dialog:{
                    showHistory:{
                        open:false
                    }
                },
                activeName2: 'first',
                baseValue:{
                    money:'5000',
                    faren:'俞兆洪',
                    linkMan:'成莹',
                    address:'浙江省 杭州市 萧山区 民和路 479号1701',
                    Email:'service@tanwin.cn',
                    phoneNum:'057156686688',
                    fax:'057156686688',
                    url:'www.tanwin.cn'
                }
            }
        },
        mounted(){
            var that = this
            Bus.$on('sendCode', function(val){
                if(val){
                    console.log(val)
                    var param = {personal_id:val}
                    var params = that.querystring.stringify(param)
                    _http.axiosRequest(that,that.apiPort.personDetail,params,(res)=>{
                        console.log(res.data.data)
                    that.detailList=res.data.data
                })
                }

        })
        },
        methods:{
            lookFor(){
                var that = this
            },
            openDialog(dialog){
                this.dialog[dialog].open = true
            }
        },
        beforeDestroy(){
            Bus.$off("sendCode")
        },
    }
</script>
<style>
    ul li{
        list-style: none;
        margin-top: 20px;
    }
    .listSty{
        display:inline-block;
        width: 150px;
        margin-left:-30px;
    }
    .mainListSty1{
        display:inline-block;
        width: 150px;
        margin-left:-30px;
    }
    .able:after{
        content: "√";
        color: #6ce26c;
    }
</style>